// 导入骨架屏组件
import Skeleton from './Skeleton'
// 导入轮播图组件
import Slider from './Slider'
// 导入查看更多组件
import More from './More'
// 面包屑组件
import Bread from './Bread'
import BreadItem from './Bread/item.vue'

// 上拉加载组件
import InfiniteLoad from './InfiniteLoad'
// 选择城市组件
import City from './City'
// sku(销售属性)组件
import Sku from './Sku'
// 商品数量组件
import Numbox from './Numbox'
// 按钮组件
import Button from './Button'
// 单选组件
import CheckBox from './CheckBox'
// 消息提示
import Message from './Message/index.vue'

// 自动循环注册全局组件
// 组件对象
const comps = [Skeleton, Slider, More, Bread, BreadItem, InfiniteLoad, City, Sku, Numbox, Button, CheckBox, Message]
export default {
  // vue2中传入的是vue构造函数 | vue3中传入的是通过createAPP()创建的app实例
  install (app) {
    // app.component(Skeleton.name, Skeleton)
    // app.component(Slider.name, Slider)
    comps.forEach(comp => {
      app.component(comp.name, comp)
    })
  }
}
